<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
</head>
<body>
    <h1>注册</h1>
    <form action="">
        <div>
            <label for="account">账号：</label>
            <input type="text" id="account">
            <span>(必填)</span>
        </div>
        <div>
            <label for="password">密码：</label>
            <input type="password" id="password">
            <span>(必填)</span>
        </div>
        <div>
            <label for="">性别：</label>
            <label for="secret">保密</label>
            <input type="radio" id="secret" name="gender">
            <label for="male">男</label>
            <input type="radio" id="male" name="gender">
            <label for="female">女</label>
            <input type="radio" id="female" name="gender">
            <span>(必填)</span>
        </div>
        <div>
            <label for="email">邮箱：</label>
            <input type="email" id="email">
        </div>
        <div>
            <label for="tel">电话：</label>
            <input type="tel" id="tel">
        </div>
        <div>
            <select name="" id="">
                <option value="">请选择行业</option>
                <option value="">厨师</option>
                <option value="">挖掘机司机</option>
                <option value="">老司机</option>
            </select>
        </div>
        <div>
            <input type="text" placeholder="你所在的城市" list="city">
            <datalist id="city">
                <option value="成都">成都</option>
                <option value="上海">上海</option>
                <option value="重庆">重庆</option>
                <option value="北京">北京</option>
                <option value="深圳">深圳</option>
            </datalist>    
        </div>
        <div>
            <textarea name="" id="" cols="30" rows="10" placeholder="请输入你的个性签名"></textarea>
        </div>
        <fieldset>
            <legend>兴趣爱好</legend>
            <label for="game">打游戏：<input type="checkbox" id="game"></label>
            <label for="movie">电影：<input type="checkbox" id="movie"></label>
            <label for="code">写代码：<input type="checkbox" id="code"></label>

        </fieldset>
        <div>
            <!-- <input type="submit" value="注册"> -->
            <button type="submit">注册</button>

            <!-- <input type="reset" value="取消"> -->
            <button type="reset">取消</button>
        </div>
    </form>
</body>
</html>